<script setup>
import Message from "@/views/chat/MainCompnents/message.vue";
import MainInput from "@/views/chat/MainCompnents/mainInput.vue";
import store from "@/store/index.js";
</script>

<template>
  <div class="main animate__animated animate__backInDown">
    <el-scrollbar class="message-scrollbar">
        <message v-for="(keys,index) in store.state.moduleQuestion.questionArray"
                 :key="index"   :content="keys.content" :isFromUser="keys.isFromUser"/>
    </el-scrollbar>
    <MainInput />
  </div>
</template>

<style scoped>
.main{
  height: 100%;
  background-color:rgb(244,244,244);
  width: 50%;
  margin: auto;
}

.message-scrollbar{
  position: fixed;
  height: 83%;
  padding-top: 10px;
}
</style>